import React, { memo } from 'react'

import {userMenu} from '@/common/local-data'
import {UserTabcontrolWrapper} from './styls'
import {
    NavLink
  } from 'react-router-dom';
export default memo(function UserTabcontrol() {
    return (
        <UserTabcontrolWrapper>
            <div className="menu">
                {
                  userMenu.map((item,index)=>{
                      return (
                          <div key={item.title} className='item'>
                              <NavLink to={item.link}>{item.title}</NavLink>
                          </div>
                      )
                  })  
                }
            </div>
        </UserTabcontrolWrapper>
    )
})
